<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Interview Schedule</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css" /> 
<link href="css/matches.css" rel="stylesheet" type="text/css" /> 
<link href="css/search.css" rel="stylesheet" type="text/css" /> 
<link href="fullsize/fullsize.css" media="screen" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="fullsize/jquery.js"></script>
<script type="text/javascript" src="fullsize/jquery.fullsize.minified.js"></script>       
<script language="javascript" type="text/javascript">
function clearText(field)
{
	if (field.defaultValue == field.value) field.value = '';
	else if (field.value == '') field.value = field.defaultValue;
}
$(function(){
				$("div.templatemo_gallery img").fullsize();
			});
</script>

<?php

include __DIR__ ."../../PHP/db.php";


if ($_SESSION['login'] == NULL)
{
 header("Location: index.php");	
}
else
{
$login = $_SESSION['login'];
$userid = mysql_query("SELECT * FROM `flss`.`accounts` WHERE `user` = '$login'");
while($rowshow = mysql_fetch_array($userid))
{
	$getid = $rowshow['account_id'];
}


$for_interview = mysql_query("SELECT * FROM applicant_interview_date aid
			 LEFT JOIN applicant a ON aid.applicant_id = a.applicant_id
			 LEFT JOIN job_order jo ON jo.job_id = aid.job_id
			 LEFT JOIN employer e ON e.employer_id = jo.employer_id 
			 WHERE a.applicant_id = '$getid'");
}
?>

</head>
<body style="font-family: 'Open Sans';">
	<?php
 include __DIR__ . "/../php/headerapp.php";

?>
	<div id="templatemo_container"> 
        <div id="templatemo_content_area">
        
        	<div id="templatemo_left">
               
                <style>

                .circle {
                  display: block;
                  width: 150px;
                  height: 150px;
                  margin: 1em auto;
                  background-size: cover;
                  background-repeat: no-repeat;
                  background-position: center center;
                  -webkit-border-radius: 99em;
                  -moz-border-radius: 99em;
                  border-radius: 99em;
                  border: 5px solid #eee;
                  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);  
                }
                </style>

                

                <div class="templaemo_h_line"></div>
            <div class="templatemo_section_7">
        <h1>Calendar</h1>

        <script language="javascript" type="text/javascript">
        var day_of_week = new Array('Sun','Mon','Tue','Wed','Thu','Fri','Sat');
        var month_of_year = new Array('January','February','March','April','May','June','July','August','September','October','November','December');

        //  DECLARE AND INITIALIZE VARIABLES
        var Calendar = new Date();

        var year = Calendar.getFullYear();     // Returns year
        var month = Calendar.getMonth();    // Returns month (0-11)
        var today = Calendar.getDate();    // Returns day (1-31)
        var weekday = Calendar.getDay();    // Returns day (1-31)

        var DAYS_OF_WEEK = 7;    // "constant" for number of days in a week
        var DAYS_OF_MONTH = 31;    // "constant" for number of days in a month
        var cal;    // Used for printing

        Calendar.setDate(1);    // Start the calendar day at '1'
        Calendar.setMonth(month);    // Start the calendar month at now


        /* VARIABLES FOR FORMATTING
        NOTE: You can format the 'BORDER', 'BGCOLOR', 'CELLPADDING', 'BORDERCOLOR'
              tags to customize your caledanr's look. */

        var TR_start = '<TR>';
        var TR_end = '</TR>';
        var highlight_start = '<TD WIDTH="30"><TABLE CELLSPACING=10 BORDER=1 BGCOLOR=DEDEFF BORDERCOLOR=CCCCCC><TR><TD WIDTH="20"><B><CENTER>';
        var highlight_end   = '</CENTER></TD></TR></TABLE></B>';
        var TD_start = '<TD WIDTH="60"  HEIGHT="10"><CENTER>';
        var TD_end = '</CENTER></TD>';

        /* BEGIN CODE FOR CALENDAR
        NOTE: You can format the 'BORDER', 'BGCOLOR', 'CELLPADDING', 'BORDERCOLOR'
        tags to customize your calendar's look.*/

        cal =  '<TABLE BORDER=1 CELLSPACING=0 CELLPADDING=0 BORDERCOLOR=BBBBBB><TR><TD>';
        cal += '<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0' + TR_start;
        cal += '<TD COLSPAN="' + DAYS_OF_WEEK + '" BGCOLOR="#EFEFEF"><CENTER><B>';
        cal += month_of_year[month]  + '   ' + year + '</B>' + TD_end + TR_end;
        cal += TR_start;

        //   Loops   //

        // LOOPS FOR EACH DAY OF WEEK
        for(index=0; index < DAYS_OF_WEEK; index++)
        {

        // BOLD TODAY'S DAY OF WEEK
        if(weekday == index)
        cal += TD_start + '<B>' + day_of_week[index] + '</B>' + TD_end;

        // PRINTS DAY
        else
        cal += TD_start + day_of_week[index] + TD_end;
        }

        cal += TD_end + TR_end;
        cal += TR_start;

        // FILL IN BLANK GAPS UNTIL TODAY'S DAY
        for(index=0; index < Calendar.getDay(); index++)
        cal += TD_start + '  ' + TD_end;

        // LOOPS FOR EACH DAY IN CALENDAR
        for(index=0; index < DAYS_OF_MONTH; index++)
        {
        if( Calendar.getDate() > index )
        {
          // RETURNS THE NEXT DAY TO PRINT
          week_day =Calendar.getDay();

          // START NEW ROW FOR FIRST DAY OF WEEK
          if(week_day == 0)
          cal += TR_start;

          if(week_day != DAYS_OF_WEEK)
          {

          // SET VARIABLE INSIDE LOOP FOR INCREMENTING PURPOSES
          var day  = Calendar.getDate();

          // HIGHLIGHT TODAY'S DATE
          if( today==Calendar.getDate() )
          cal += highlight_start + day + highlight_end + TD_end;

          // PRINTS DAY
          else
          cal += TD_start + day + TD_end;
          }

          // END ROW FOR LAST DAY OF WEEK
          if(week_day == DAYS_OF_WEEK)
          cal += TR_end;
          }

          // INCREMENTS UNTIL END OF THE MONTH
          Calendar.setDate(Calendar.getDate()+1);

        }// end for loop

        cal += '</TD></TR></TABLE></TABLE>';

        //  PRINT CALENDAR
        document.write(cal);

        //  End -->
</script>
</center>
</div>
                
                
                    <?php include 'notif/notif.php'; ?>  

                <div class="templatemo_section_11">
                  <h1>Categories</h1>
                    <ul>
                      <li><a href="profile.php">Job Registrations</a></li>
                      <li><a href="interviewsched.php">Interview Schedule</a></li>
                    </ul>
                </div>
            </div><!-- End of left -->
            
            <div id="templatemo_right">
                <div class="templatemo_section_10">
                     <div class="jmatches">
                		<div class="jmatchesheader">
                    		<p><center>My Interview Schedule</center></p>
                		</div>
                      <table>
					   <?php while($row = mysql_fetch_array($for_interview)){ ?> 
                        <tr>
                          <td><b>Event: &nbsp; &nbsp;</b></td>
                          <td> You have an interview with <?=$row['ename']?></td>
                        </tr>
                        <tr>
                          <td><b>Date: &nbsp; &nbsp;</b></td>
                          <td><?php $date = new DateTime($row['interview_date'],new DateTimeZone('Asia/Hong_Kong')); echo $date->format('F d, Y');?></td>
                        </tr>
                        <tr>
                          <td><b>Time: &nbsp; &nbsp;</b></td>
                          <td><?=$row['time_from']?> - <?=$row['time_to']?></td>
                        </tr>
                        <tr>
                          <td><b>Where: &nbsp; &nbsp;</b></td>
                          <td>nearest location: <?=$row['nearest_location']?></td>
                        </tr>
                        <tr>
                        <td><b>Job Title: &nbsp; &nbsp;</b></td>
                        <td><?=$row['Title']?></td>
                        </tr>
                        <tr>
                        <td>
                        <hr>
                        </td>
                        </tr>
                       <?php } ?>
            
                    </table>
                    
                    </div>   
            	</div>
            </div><!-- End of right -->
        
        </div> <!-- End of content_area -->
        
    </div><!-- End Of Container -->

<?php
 include __DIR__ . "/../php/footer.php";

?>

</body>
</html>